@charset "utf-8";

/***************************************************
 each.css for each pages, all browser(excet IE4,NN4)
  01.INDEX
  02.PRODUCTS
  03.ONLINE CATALOG
***************************************************/

/* 01 INDEX
---------------------------------------------------- */
#index div#wrapper {
	width: 820px;
}
#index div#main {
	width: 630px;
}
#index h1 {
	margin: 18px 0 0 0px;
	float: left;
	background: none;
	padding: 0;
}

#index h1 img { margin: 0; }
#index div#head {
	height: 93px;
}
ul#banner li { float: left; }

/* 01 INDEX NOTICE
---------------------------------------------------- */
#notice {
	margin: 0 0 1em 1em;
}

#notice h4 {
	font-weight: bold;
	margin: 0px 0 3px 0;
	font-size:12px;
	width:95%;
	color:#ea5549;
	border-style:dashed;
	border-width:0 0 1px 0;
}

/* 01 INDEX SUBNAVIGATION
---------------------------------------------------- */
#detailNavi {
	_font-size:0.9em;
	margin: 15px 0 10px 0;
	padding: 0 0 0 25px;
	height: 180px;
	background: #fff url(../images/index_detailnavi.gif) no-repeat 0 0;
}
#detailNavi dl {
	float: left;
	width: 180px;
	margin: 10px 20px 0 0;
}
#detailNavi dt {
	border-bottom: 1px solid #2E5A92;
	margin-bottom: 5px;
}
#detailNavi dd {
	background: transparent url(../images/arrow_bluewhite.gif) no-repeat 0 6px;
	padding-left: 10px;
	margin-left: 5px;
}

/* 01 INDEX NEWSBOX
----------------------------------- */
#newsBox {
	background: #fff url(../images/corner1_btm.gif) no-repeat bottom;
	padding-bottom: 8px;
}
#newsBox div#inner {
	background: #fff url(../images/corner1_bg.gif) no-repeat;
	padding: 10px 15px 0 15px;
}
#newsBox hr {
	clear: both;
	height: 0;
}
#newsBox div.newproducts {
	width: 300px;
	float: left;
	border-right: 1px dotted #64BBFF;
	margin: 0 0 10px 0;
}
#newproducts-inner { padding: 0 10px 0 5px; }
#newproducts-inner img { margin: 0 5px 0 0; }

span.top_update {
	font-size: 0.9em;
	text-align: right;
	display: block;
	margin: -3.5em 5px 1.5em 0;
}

#newsBox div.topics {
	width: 290px;
	float: right;
	margin: 0 0 10px 0;
}
#newsBox div.topics p.topics_str a:link,
#newsBox div.topics p.topics_str a:visited {
	color: #006ddd;
	text-decoration: none;
}
#newsBox div.topics p.topics_str a:hover,
#newsBox div.topics p.topics_str a:visited:hover {
	color: #666;
	text-decoration: underline;
}

#newsBox div.whatsnew {
	clear: both;
	padding: 10px 5px 0 5px;
	border-top: 1px dotted #64BBFF;
}
#newsBox div.whatsnew div.news {
	width: 300px;
	float: left;
	margin: 0 0 10px 0;
}
#newsBox div.whatsnew div.event {
	float: right;
	width: 280px;
	font-size: 0.9em;
}
#newsBox div.whatsnew div.event .arrowlink {font-size:1em;}
#newsBox div.whatsnew div.event p { margin: 2px 0 5px 0; }
#newsBox div.whatsnew dt {
	font-weight: bold;
	font-size: 0.9em;
	float: left;
	width: 7em;
	padding: 3px 0;
}
#newsBox div.whatsnew dd {
	margin-left: 7em;
	font-size: 0.9em;
	padding: 3px 0;
}

table#ImageArea{
	background:#CCC;
	float:left;
}
table#ImageArea td{
	background:#FFF;
	width:130px;
	height:130px;
}

/* 02 PRODUCTS
---------------------------------------------------- */
h1.bunseki { background: #fff url(../images/h1_products_bg2.gif) no-repeat 0 0; }
h1.plane { background: #fff url(../images/h1_plain_bg.gif) no-repeat 0 0; }
#mainBox { background: transparent url(../images/corner2_top.gif) no-repeat 0 0;	padding-top: 7px; }
#mainBox-inner { background: transparent url(../images/corner2_bg.gif) repeat-y 0 0; padding: 5px 10px 0px 10px; }

#useful.waku div#mainBox,
#comissionedList.waku div#mainBox
{
	background: transparent url(../images/corner2_top.gif) no-repeat 0 0;	padding-top: 7px;
}
#useful.waku div#mainBox-inner,
#comissionedList.waku div#mainBox-inner
{
	background: transparent url(../images/corner2_bg.gif) repeat-y 0 0; padding: 5px 10px 0px 10px;
}

div.glycoshop { background: #fff url(../images/glycoshop_bg.gif) no-repeat 40px 25px; }
#mainBox strong { display: block; background: transparent url(../images/corner2_btm.gif) no-repeat bottom; height: 9px; }
#mainBox div.scrollArea {	height: 320px; overflow: auto; margin: 0 0 10px 0;}
#mainBox div.scrollArea .NewImg{
	width:217px;
	height:151px;
	float:left;
	text-align:center;
	border:0;
}
#mainBox div.scrollArea .NewImg .name,
#mainBox div.scrollArea .NewImg .code
{
	padding:0 3px;
	font-size:12px;
	color:#0706FF;
color:#003CAC;
	text-align:center;
}

ul.recentList { padding: 0 0 20px 0; margin: 5px 0 30px 0; text-align:rigght;}
.recentList li {
	float: right;
	display: block;
	margin: 0 5px 0 15px;
	white-space: nowrap;
}

.recentList li a:link,
.recentList li a:visited,
.recentList li a:hover,
.recentList li a:active
{
	color:#006DDD;
}

div.productsList .catalog,
div.scrollArea .catalog{
	background:#999;
}

div.productsList .catalog td,
div.scrollArea .catalog td{
	background:#FFF;
}

div.productsList .catalog_inner,
div.scrollArea .catalog_inner{
	width:217px;
	height:151px;
/*	float:left; */
	text-align:center;
	background:#FFF;
}

div.productsList .catalog_inner .name,
div.productsList .catalog_inner .code,
div.scrollArea .catalog_inner .name,
div.scrollArea .catalog_inner .code
{
	width:217px;
	height:20px;
	margin:0;
	font-size:12px;
	color:#003CAC;
	text-align:center;
}

#cornerTitle P { margin: 15px 0 0 0; }
#cornerTitle ul li {
	background: #fff url(../images/orangebar.gif) no-repeat 3px 50%;
	padding: 13px 0 13px 15px;
	border-bottom: 1px solid #ccc;
}
#cornerTitle li img { display: block; }

ul#categoryTitle { margin: 10px 0 10px 0; }
ul#categoryTitle li strong { height: auto;color: #0054B2; display: block; font-size:  1.1em; font-weight: bold; background: #fff url(../images/arrow_bluewhite.gif) no-repeat 0 0.5em; padding-left: 10px; margin-left: -10px; margin-bottom:9px;}
ul#categoryTitle li strong.noarrow { background: none; padding-left: 0; }
ul#categoryTitle li {
	padding: 5px 0 5px 15px;
	border-bottom: 1px solid #91C5FF;
}
ul#categoryTitle li a:link, ul#categoryTitle li a:visited {
	color: #006ddd;
	text-decoration: underline;
}
ul#categoryTitle li strong a{
	font-weight:bold;
}
ul#categoryTitle li a.arrow{
	font-weight:bold;
}

ul#categoryTitle li.keywordsearch { font-weight: bold; text-align: center; padding: 15px 0; color: #666666; }

ul#categoryTitle li table th { color: #0054B2; text-align: left;}
ul#categoryTitle p.c_select {text-align:right;float:right;}


div.productTitle {
	border-left: 3px solid #85CBFF;
	padding: 3px 0 3px 10px;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
}

div.productInfo {
	padding: 3px 0 3px 3px;
	font-size: 1em;
	font-weight: bold;
}
div.productInfo table{
	width:100%;
}

div.productInfo tr.InfoLine {
	clear:both;
	width:99%;
}

tr.InfoLine .Code{
	font-weight: bold;
	width:55px;
}

tr.InfoLine td.productName {
	font-weight:bold;
	color: #0295FF;
}

tr.InfoLine .Price{
	text-align:right;
	width:120px;
}

div.InfoLine ul{
	width:100px;
	text-align:right;
	float: right;
	margin: 0;
	color: #000;
}

.bunken { margin-bottom: 20px; }
.bunken h3 {
	margin: 10px 0 5px 0;
	color: #000;
	border-bottom: 1px solid #ccc;
	font-size: 0.8em;
}
.bunken ol { list-style-type: decimal; margin: 0 10px; }
.bunken li { margin: 0 0 0 2em; font-size: 0.8em; }
.bunken div { font-size: 0.85em; }


.imgcaption { font-size: 0.8em; text-indent: 0; margin: 5px 0 20px 0; }

.relatedProduct tr.InfoLine td.Code,
.relatedProduct tr.InfoLine td.productName
{ font-weight:normal; }

#productList dl.exList { border-bottom: 1px solid #0295FF; padding: 10px 0 15px 0; }
#productList dl.exList dt { color: #333; margin: 5px 0 5px 0; font-weight: bold; }
#productList dl.exList dt a {font-weight: bold; }
#productList dl.exList dt span { font-size: 1em; }
#productList dl.exList dt span a { color: #0295FF ; }


.grayTable {
	border-top: 1px solid #afafaf;
	border-left: 1px solid #afafaf;
	border-collapse: collapse;
	border-spacing: 0;
	width: 95%;
	clear:both;
}
.grayTable th { background: #f5f5f5; }
.grayTable th,
.grayTable td {
	border-right: 1px solid #afafaf;
	border-bottom: 1px solid #afafaf;
	padding: 3px 5px;
	text-align: center;
}
.grayTable td {
	text-align:left;
}
.grayTable td.small {
	font-size:11px;
}

.grayTable td.Code {
	width:60px;
	text-align:center;
}

.grayTable td.Price {
	width:70px;
	text-align:right;
}

.grayTable td a:link,.grayTable td a:visited { color: #0093FF; text-decoration: none; font-weight:bold;}
.grayTable td a:hover, .grayTable td a:visited:hover { color: #0093FF; text-decoration: underline; font-weight:bold;}


.tableArrow td a:link, .tableArrow td a:visited {
	color: #006DDD;
	text-decoration: underline;
	background: url(../images/arrow_bluewhite.gif) no-repeat 0 50%;
	padding-left: 10px;
}


.chromatomail dt a{ font-weight: bold; margin: 0 0 5px 0; }
.chromatomail dt span { padding-left: 1em; font-size: 0.8em; }
.chromatomail dd { margin: 0 0 20px 0; }
.chromatomail dd a:link, .chromatomail dd a:visited {
	color: #006ddd;
	text-decoration: underline;
	}

.antarget{ margin-bottom:20px; }
.antarget h4{ font-size:1em; margin-bottom:0px; }

.analycEx{ width:100%; margin-bottom:20px; clear:both; }
.analycEx img,.analycEx table{ float:left;}
.analycEx div.stopper{ height:1px; font-size:1px; width:50%; }
.analycEx table td{ font-size:10px; color #CCC; }
.analycEx table td.name{ width:80px; }
.analycEx h4 { font-size: 1em; }

#content h3.tbl_head{
	float:left;
	width:300px;
	text-indent:0px;
	margin:0;
	padding:0;
}
#content p.notax{
	font-size:11px;
	width:120px;
	text-align:left;
	margin:0 10px 0 0;
	float:right;
}

#content p.note{
	font-size:11px;
	line-height:130%;
	text-indent:0px;
	margin:-5px 20px 20px 5px;
	padding:0;
}

.ProductImgTable{
	background:#CCC;
	width:453px;
}

.ProductImgTable td{
	background:#FFF;
	text-align:center;
}

.ProductImgTable td img{
	margin-top:5px;
}

.ProductImgTable td .Pcode{
	display:block;
	margin-bottom:5px;
}

.ProductNameTable .Code{
	width:50px;
}
.ProductNameTable .Name{
	word-break: break-all;
}

.body_img{
	text-align:center;
	margin-bottom:15px;
}

a.anchor:hover {
	color:#0295FF;
	text-decoration:none;
	border-top:1px solid #0295FF;
	border-bottom:1px solid #0295FF;
}

/* 03 ONLINE CATALOG
---------------------------------------------------- */
body#catalog div#wrapper {
        width: 820px;
}

body#catalog div#main {
        width: auto;
        padding: 0 15px;
        float: none;
        /float: left; /* IE6, IE7 */
}

body#catalog div#main h1 {
        background: url(../images/search_point.gif) no-repeat 0 3px;
        padding: 5px 0 5px 14px;
        height: auto;
        font-weight: bold;
        font-size: 14px;
        margin: 10px 0;
}

body#catalog div#main h2 {
        background: #fff;
        margin: 0;
        padding: 0;
        color: #000;
        font-size: 12px;
        font-weight: normal;
}

body#catalog h3.black { color: #000; }

body#catalog div#content {
        color: #000;
        float: none;
        width: auto;
        border: none;
        margin-bottom: 20px;
        overflow: visible;
}

body#catalog div#content input { margin: 5px 10px 5px 0; }

body#catalog .arrow {
        background: url(../images/arrow_bluewhite.gif) no-repeat 0 50%;
        padding-left: 10px;
}

body#catalog .pdf {
        color: #dc143c;
        font-size: 0.8em;
}

body#catalog .help {
        background: url(../images/ico_help.gif) no-repeat 0 50%;
        padding-left: 15px;
}

body#catalog #usage {
        margin: 0 2px 2px 0;
        text-align: right;
}

body#catalog div#rightMenu {
        float: right;
        width: 221px;
        /width: 223px; /* IE6, IE7 */
}

body#catalog div#rightMenu div#image {
        margin: 0 0 1em 0;
        width: 219px;
        /width: 221px; /* IE6, IE7 */
        border: 1px solid #aaa;
        text-align:center;
}

body#catalog div#rightMenu div#image h3 {
        text-align: left;
        background: #ff802c none;
        padding: 1px 3px;
        margin: 0;
        color: #fff;
}

body#catalog div#rightMenu div#image div {
        display: table-cell;
        /display: inline; /* IE6, IE7 */
        width:219px;
        height:219px;
        vertical-align:middle;
}

body#catalog div#rightMenu div#image img {
        vertical-align: middle;
}

body#catalog div#rightMenu div#image span {
        display: inline-block;
        width: 0;
        height:217px;
        margin-left:-1px;
        vertical-align:middle;
}

body#catalog div#rightMenu div#func {
        margin: 0 0 1em 0;
        width: 219px;
        /width: 221px; /* IE6, IE7 */
        padding: 0 0 1em 0;
        border: 1px solid #aaa;
}

body#catalog div#rightMenu div#func hr {
        border-top: 1px solid #aaa;
        margin: 10px 5px;
}

body#catalog div#rightMenu div#func h3 {
        background: #ff802c none;
        padding: 1px 3px;
        color: #fff;
}

body#catalog div#rightMenu div#func p {margin: 2px 0 2px 5px;}

body#catalog div#rightMenu div#func form {margin-left: 1.5em;}

body#catalog div#rightMenu div#func input {margin: 0;}

body#catalog div#rightMenu div#func ul {
	margin-left: 1.5em;
	color: #006ddd;
}

body#catalog div#rightMenu div#func ul>li>a {
	background: transparent url(../images/arrow_foot.gif) no-repeat 0 50%;
	padding-left: 12px;
}

body#catalog table.data {
        width: 70%;
        margin: 0 0 1em 0;
        border-collapse: separate;
        border-spacing: 2px;
}

body#catalog table.data caption {
        margin-left: 2px;
        padding: 2px 3px;
        color: #fff;
        background-color: #ff802c;
        text-align: left;
        font-weight: bold;
}

body#catalog table.data th {
        width: 25%;
        margin: 0;
        padding: 0 2px;
        font-size: 0.9em;
        font-weight: normal;
        text-align: right;
        vertical-align: top;
        background-color: #eee;
        white-space: nowrap;
}

body#catalog table.data td {
        padding: 0 2px;
        vertical-align: top;
}

body#catalog table#price {
        width: 350px;
        border-collapse: collapse;
        margin: 5px 10px 0 0;
}

body#catalog table#price th,
body#catalog table#price td
{
        border: 1px solid #aaa;
        padding: 0 6px;
        line-height : 150%;
}

body#catalog table#price th {
        background-color: #e0e0e0;
        font-size: 0.8em;
        font-weight: bold;
        text-align: left;
}

body#catalog table#price td {
        text-align: right;
}

body#catalog .path a:link,
body#catalog .path a:visited {
        background: #fff url(../images/breadcrumb_arrow.gif) no-repeat left center;
        padding: 0 0 0 7px;
        margin: 0 0 0 7px;
}

body#catalog div#navileft {
        width: 45%;
        font-size: 0.9em;
        text-align: left;
        float: left;
}

body#catalog div#naviright {
        width: 45%;
        font-size: 0.9em;
        text-align: right;
        float: right;
}

/* Application Block */
body#catalog .applications {margin: 20px 0;}

body#catalog .applications div {
        margin: 20px 0;
        text-align:center;
}

body#catalog .applications hr {
        border-top: 1px dashed #aaa;
        margin: 10px 5px;
}

/* Hazard Symbol Block*/
body#catalog table.data td.symbol {
        border-bottom: #aaa dashed 1px;
        vertical-align: middle;
}

/* Risk And Safety  Phrases Block*/
body#catalog table.data td.phrase {
        width: 110px;
        white-space: nowrap;
        text-align: right;
        font-size: 0.9em;
        font-weight: bold;
}

@media print {
        body {
                background: #fff;
        }
}

/* 04 COMPANY INFO
---------------------------------------------------- */
body#company h4{
	font-size:1.1em;
}

h4.toriatsukai{
	font-size:12px;
	color:#0295FF;
}
div#sitemap{
	font-size:14px;
	width:99%;
}
div#sitemap h3{
	font-size:16px;
	margin-left:25px;
}
div#sitemap h3 a{
	color:#0054B2;
	font-weight:bold;
}
div#sitemap h4{
	border-bottom:1px solid #0295FF;
	padding-bottom:5px;
	margin-left:50px;
	margin-bottom:10px;
	font-size:14px;
	width:400px;
	color:#0054B2;
}
div#sitemap a{
	color:#0295FF;
	background: transparent url(../images/arrow_bluewhite.gif) no-repeat 0 5px;
	padding-left:10px;
}
div#sitemap h4 a:link,
div#sitemap h4 a:visited,
div#sitemap h4 a:hover,
div#sitemap h4 a:active
{
	color:#0054B2;
	font-weight:bold;
}
div#sitemap li p{
	margin:0;
	padding:0;
}
div#sitemap ul{
	font-size:14px;
	margin-left:100px;
}
div#sitemap ul li p{
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px dashed #CCC;
}
div#sitemap ul li ul{
	font-size:12px;
	margin-left:50px;
}

div#sitemap ul li ul li p{
	border:none;
	padding-bottom:0px;
	margin-bottom:5px;
	border-bottom:1px dashed #CCC;
}

body#general .caption{
	margin-top:2em;
}

body#general .div{
	text-indent:1em;
}
